<style>
.skins-item{
	display: inline-block;
	line-height: 30px;
	width: 60px;
	height:30px;
	margin-bottom: 5px;
	margin-right: 10px;
	text-align: center;
	color: #fff;
	background-color: #FF4600;
	
}
 
 			
</style>
 
<table class="table">
	<tr>
		<td>风格</td>
		<td>
			<input type="text" style="width: 60px; float: left; margin-right: 10px;" id="skinscolor" name="skinscolor" value="{$data.skinscolor}"> 
			 
			<span id="picker" class="skins-item">选择颜色</span>
			 
		</td>
	</tr>
	 
</table>
<script src="/plugin/colpick/js/colpick.js"></script>
<link href="/plugin/colpick/css/colpick.css" rel="stylesheet">
	<script>
		 $('.skins-item').colpick({

			 
		
			color:'ff8800',
		
			onSubmit:function(hsb,hex,rgb,el) {
		
				$(el).css('background-color', '#'+hex);
				$("#skinscolor").val(hex);
				$(el).colpickHide();
		
			}
		
		})
		
		.css('background-color', '#ff8800');
	</script>